<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.css">
<title>Book experiment</title>
<style>#bookflip{color:#ffffff;}</style>
<script type="text/javascript" src="bookflipjs/bookflip.js"></script>

</head>
<body>
<div align=center>
	<div style="padding:10px;">
		<input type=button class="buttons btn primary"  value=prev onclick="clipmeR();">
		<input type=button class="buttons btn primary" value=next onclick="clipmeL();">
        Select page:<select id="flipSelect" style="display:none;"></select>
	</div>
	<div id="bookflip"></div>
</div>
	<div id="pages" style="width:1px;height:1px;overflow:hidden;">
		<div style="text-align:center;color:#ffffff"><p style="font-size: 2em;">


		</div>


		<div name="Home" style="background: url('book/page0001_i1.jpg');"> </div>
		<div style="border:1px solid #000000;background:url('book/page0002_i1.jpg');"> </div>
		<div style="background:url('book/page0003_i1.jpg');"> </div>
		<div style="background:url('book/page0004_i1.jpg');"></div>
		<div style="background:url('book/page0005_i1.jpg');"></div>
		<div style="background:url('book/page0006_i1.jpg');"></div>
		<div style="background:url('book/page0007_i1.jpg');"></div>
		<div style="background:url('book/page0008_i1.jpg');"></div>
		<div style="background:url('book/page0009_i1.jpg');"></div>
	</div>

<script type="text/javascript">
/****************************************************************************
//** Software License Agreement (BSD License)
//** Book Flip slideshow script- Copyright 2011, Will Jones (coastworx.com)
//** This Script is wholly developed and owned by CoastWorx.com
//** Copywrite: http://www.coastworx.com/
//** You are free to use this script so long as this coptwrite notices
//** and link back to http://www.coastworx.com stays intact in its entirety.
//** If you want to remove the link back to http://www.coastworx.com then purchase a licence.
//** You are NOT Permitted to claim this script as your own or
//** use this script for commercial purposes without the express
//** permission of CoastWorx Technologies!
//***************************************************************************/

pWidth=620; //width of each page
pHeight=960; //height of each page

numPixels=20;  //size of block in pixels to move each pass
pSpeed=15; //speed of animation, more is slower

startingPage="0";//select page to start from, for last page use "e", eg. startingPage="e"
allowAutoflipFromUrl = true; //true allows querystring in url eg bookflip.html?autoflip=5

pageBackgroundColor="#CCCCCC";
pageFontColor="#ffffff";

pageBorderWidth="1";
pageBorderColor="#3D4D5D";
pageBorderStyle="solid";  //dotted, dashed, solid, double, groove, ridge, inset, outset, dotted solid double dashed, dotted solid

pageShadowLeftImgUrl ="black_gradient2.png";
pageShadowWidth = 100;
pageShadowOpacity = 60;
pageShadow=1 //0=shadow off, 1= shadow on left page

allowPageClick=true; //allow page turn by clicking the page directly
allowNavigation=true; //this builds a drop down list of pages for auto navigation.
pageNumberPrefix="page "; //displays in the drop down list of pages if enabled

ini();
</script>
</body>
</html>
